<!DOCTYPE html>

<html class="no-js">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://cdn.staticfile.org/axios/0.19.0-beta.1/axios.js"></script>
    <script src="https://cdn.staticfile.org/vue/2.5.17/vue.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.13.0/theme-chalk/index.css" />
    <script src="https://cdn.staticfile.org/element-ui/2.13.0/index.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/animate.css/3.7.0/animate.min.css" />
    <link rel="stylesheet" href="../../../lib/index.css" />
    <script src="../../../lib/cvue.js"></script>

</head>

<body>
    <div id="app">
        <cvue-card :option="option">
            <template slot="header">
                sdgdsag
            </template>
            <template slot="body">
                ggggggggggg
            </template>
            <template slot="footer">
                hdsahadsh
            </template>
        </cvue-card>
        <br>
        <cvue-card :option="option1">
            <template slot="header">
                aaaaaa
            </template>
            <template slot="body">
                bbbb
                bbbb
                bbbb
                bbbb
                bbbb
                bbbb
            </template>
            <template slot="footer">
                ccfcc
            </template>
        </cvue-card>
    </div>
</body>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                option: {
                    height: 200,
                    header: true,
                    footer: false,
                    shadow: 'always',
                },
                option1: {
                    width: 200,
                    height: 100,
                    header: true,
                    footer: true,
                    shadow: 'hover',
                },

            }
        },
        methods: {
        }
    })
</script>

</html>